<template>
  <div class="search">
    <f-drawer :title="modalTitle" ref="topicDrawer" width="60%" @visibleChange="visibleChange" :showFooter="false">
      <topic-product ref="topicProductForm" v-if="drawerVisible" :topicId="topicId"></topic-product>
    </f-drawer>
  </div>
</template>
<script>
  import TopicProduct from './topic_product'

  export default {
    name: 'TopicProductDrawer',
    props: {},
    data() {
      return {
        modalTitle: '',
        topicId: '',
        drawerVisible: false
      }
    },
    methods: {
      handleShow(data) {
        this.topicId = data.topicId
        this.$refs.topicDrawer.show()
      },
      visibleChange(drawerVisible) {
        this.drawerVisible = drawerVisible
      }
    },
    created() {

    },
    components: { TopicProduct }
  }
</script>
